<div class="container">
    <!-- WRAPPER -->
    <div class="schedule-des">
      <nav>
        <div class="nav_li" *ngFor="let item of navArr;let i =index;" (click)="selectNav(item.stageName)" [ngClass]="{active_nav: showPage===item.stageName}">
          <p>{{item.name}}</p>
          <p class="littlep">{{item.tips}}</p>
          <img class="haved" *ngIf="activityRank>=item.activityRank&&showPage!==item.stageName" alt="" src="{{deployUrl}}assets/img/end-year/nvshen/haved.png">
          <img class="haved" *ngIf="activityRank<item.activityRank&&showPage!==item.stageName" alt="" src="{{deployUrl}}assets/img/end-year/nvshen/nohave.png">
          <img class="haved" *ngIf="activityRank===item.activityRank&&showPage!==item.stageName" alt="" src="{{deployUrl}}assets/img/end-year/nvshen/nowguang.png">
          <div class="active_nav_guang" *ngIf="showPage===item.stageName">
              <img class="guang" alt="" src="{{deployUrl}}assets/img/end-year/nvshen/guang.png">
              <img class="now" alt="" src="{{deployUrl}}assets/img/end-year/nvshen/nowguang.png">
          </div>
          <div class="fix_sprint"><img alt="" src="{{deployUrl}}assets/img/end-year/nvshen/meili.png" *ngIf="item.stageName==='zhitong'"></div>
          <div class="fix_sprint"><img alt="" src="{{deployUrl}}assets/img/end-year/nvshen/meiliqw.png" *ngIf="item.stageName==='juesai'"></div>
      </div>
      <div class="fix">
        <div class="progress" [ngStyle]="{'width': progressWidth}"></div>
    </div>
      </nav>
    </div>
        <!-- 海选赛 -->
        <app-mostendans [timeConfig]="timeConfig" *ngIf="showPage==='haixuan'"></app-mostendans>
        <!-- 晋级赛 -->
        <app-besthelp [timeConfig]="timeConfig" *ngIf="showPage==='jinji'"></app-besthelp>
        <!-- 冲刺赛 -->
        <app-honeyanchors [timeConfig]="timeConfig" *ngIf="showPage==='chongci'"></app-honeyanchors>
        <!-- 直通赛 -->
        <app-leveltask [timeConfig]="timeConfig" *ngIf="showPage==='zhitong'"></app-leveltask>
        <!-- 半决赛 -->
        <app-luckymomend [timeConfig]="timeConfig" *ngIf="showPage==='banjue'"></app-luckymomend>
        <!-- 决赛 -->
        <app-finalround [timeConfig]="timeConfig" *ngIf="showPage==='juesai'"></app-finalround>
</div>
